// 设计稿尺寸（可从外部覆盖，默认值 1920x1080）
$design-width: 1920 !default;
$design-height: 1080 !default;

// px 转 vw
// 用法: 
//   width: vw(100);           // 使用默认设计稿宽度
//   width: vw(100, 1440);     // 使用自定义设计稿宽度
@function vw($px, $designWidth: $design-width) {
  @return ($px / $designWidth) * 100vw;
}

// px 转 vh
// 用法: 
//   height: vh(100);          // 使用默认设计稿高度
//   height: vh(100, 900);     // 使用自定义设计稿高度
@function vh($px, $designHeight: $design-height) {
  @return ($px / $designHeight) * 100vh;
}

// px 转 vw（可自定义设计稿宽度）- 已废弃，使用 vw() 即可
@function vwCustom($px, $designWidth: $design-width) {
  @return ($px / $designWidth) * 100vw;
}

// px 转 vh（可自定义设计稿高度）- 已废弃，使用 vh() 即可
@function vhCustom($px, $designHeight: $design-height) {
  @return ($px / $designHeight) * 100vh;
}